<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
      <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>物业管理系统界面——财务管理</title>
	<!-- BOOTSTRAP STYLES-->
    <link href="../css/bootstrap.css" rel="stylesheet" />
     <!-- FONTAWESOME STYLES-->
    <link href="../css/font-awesome.min.css" rel="stylesheet" />
     <!-- MORRIS CHART STYLES-->
    <link href="../js/morris/morris-0.4.3.min.css" rel="stylesheet" />
        <!-- CUSTOM STYLES-->
    <link href="../css/custom.css" rel="stylesheet" />
    <link rel="stylesheet" href="../css/list.css">
     <!-- GOOGLE FONTS-->
   <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
</head>
<body>
    <div id="wrapper">
        <nav class="navbar navbar-default navbar-cls-top " role="navigation" style="margin-bottom: 0">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">物业管理后台</a> 
            </div>
  <div style="color: white;padding: 15px 50px 5px 50px;float: right;font-size: 16px;">
     &nbsp; 
     <!-- 跳转管理员登录界面 -->
    <a href="managerLogin.html" class="btn btn-danger square-btn-adjust">注销</a> 
    </div>
        </nav>   
           <!-- /. NAV TOP  -->
            <nav class="navbar-default navbar-side" role="navigation">
            <div class="sidebar-collapse">
                <ul class="nav" id="main-menu">
                    <li>
                        <a href="manageBuilding.html">
                            <i class="fa fa-building-o fa-2x"></i> 房产信息管理
                        </a>
                    </li>
                     <li>
                        <a href="managePay.html">
                            <i class="fa fa-credit-card fa-2x"></i> 费用结算
                        </a>
                    </li>
                    <li>
                        <a  href="manageUser.html">
                            <i class="fa fa-users fa-2x"></i> 用户信息管理
                        </a>
                    </li>
					<li>
                        <a href="manageProblem.html">
                            <i class="fa fa-cog fa-spin fa-2x"></i> 报事报修管理
                        </a>
                    </li>	
                      <li>
                        <a href="manageMoney.html">
                            <i class="fa fa-money fa-2x"></i> 财务管理
                        </a>
                    </li>					                   
                    <li>
                        <a href="#">
                            <i class="fa fa-list fa-2x"></i> 表单管理
                            <span class="fa arrow"></span>
                        </a>
                        <ul class="nav nav-second-level">
                            <li>
                                <a href="roomApplication.html">员工宿舍申请表</a>
                            </li>
                        </ul>
                      </li>  
                </ul>
               
            </div>
            
        </nav>  
        <!-- /. NAV SIDE  --> 

        <div id="page-wrapper">
            <div class="templatemo-content col-1 light-gray-bg">
            <div class="clearfix my-4">
                <div class="list-wrapper list-content" style="padding-bottom: 0px;">
                    <div class="border-bottom bg-white page-heading">
                        <div class="row">
                            <div class="col-lg-12" style="margin-left: 5px;">
                                <h2>财务管理</h2>
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="#">首页</a></li>
                                    <li class="breadcrumb-item"><strong>财务管理</strong></li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-12">
                        <div class="listbox">
                            <div class="listbox-title">
                                <h5>缴费汇总表</h5>
                                <div class="listbox-tools" style="top: 10px;">
                                    <div role="group" aria-label="Basic example" class="btn-group">
                                        <button type="button" class="btn btn-light btn-sm btn-primary">日</button>
                                        <button type="button" class="btn btn-light btn-sm btn-primary">月</button>
                                        <button type="button" class="btn btn-light btn-sm btn-primary">年</button>
                                    </div>
                                </div>
                            </div>
                                <div class="listbox-content">
                                    <table data-page-size="15" class="footable table table-stripped toggle-arrow-tiny">
                                        <thead>
                                            <tr>
                                                <th class="text-center">时间</th>
                                                <th class="text-center">费用类型</th>
                                                <th class="text-center">费用名称</th>
                                                <th class="text-center">应收金额</th>
                                                <th class="text-center">实收金额</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="text-center">2020-12-24</td>
                                                <td class="text-center">房屋租金</td>
                                                <td class="text-center">房租</td>
                                                <td class="text-center">3000</td>
                                                <td class="text-center">3000</td>
                                            </tr>
                                        </tbody>
                                        <tfoot>
                                            <tr>
                                                <td colspan="7">
                                                    <ul class="pagination float-right"></ul>
                                                </td>
                                            </tr>
                                        </tfoot>
                                    </table>
                                </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
            </div>
        </div>

    
     <!-- /. WRAPPER  -->
    <!-- SCRIPTS -AT THE BOTOM TO REDUCE THE LOAD TIME-->
    <!-- JQUERY SCRIPTS -->
    <script src="../js/jquery-1.10.2.js"></script>
      <!-- BOOTSTRAP SCRIPTS -->
    <script src="../js/bootstrap.min.js"></script>
    <!-- METISMENU SCRIPTS -->
    <script src="../js/jquery.metisMenu.js"></script>
     <!-- MORRIS CHART SCRIPTS -->
     <script src="../js/morris/raphael-2.1.0.min.js"></script>
    <script src="../js/morris/morris.js"></script>
      <!-- CUSTOM SCRIPTS -->
    <script src="../js/custom.js"></script>
    
   
</body>
</html>
